.x-drag-sort-list {
  // 取消 NList 组件的默认内边距
  .n-list.n-list--bordered .n-list-item,
  .n-list.n-list--hoverable .n-list-item {
    padding: 0;
  }

  .x-drag-sort-list__item {
    display: flex;
    align-items: center;

    .x-drag-sort-list__item__handle {
      cursor: move;

      .x-drag-sort-list__item__handle-icon-box {
        padding: 0.5rem 0 0.5rem 0.5rem;
        display: flex;
        justify-content: center;
        align-items: center;

        .x-drag-sort-list__item__handle-icon {
          vertical-align: middle;
        }
      }
    }

    .x-drag-sort-list__item__content {
      flex: 1;

      .x-drag-sort-list__item__content-wrapper {
        width: 100%;
        height: 100%;
        padding: 0.5rem;
      }
    }

    .x-drag-sort-list__item--no-handle__content {
      cursor: move;
    }
  }

  .x-drag-sort-list__item--ghost {
    opacity: 0.5;
  }
}
